<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="dist/css/swiper.css" >
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">

    <script src="js/index.js"></script>

    <script src="dist/js/swiper.min.js"></script>
    <title>首页</title>
</head>
<body>
    <div class="wrap">
        <header>
            <div class="header-nav">

                <img src="img/logo1.png" alt="">
                <div class="nav">
                    <ul class="float">
                        <li><a href="">首页</a></li>
                        <li><a href="The-owner.html">车主</a></li>
                        <li><a href="car-stop.html">停车场</a></li>
                        <li><a href="">企业合作</a></li>
                        <li><a href="The-social-responsibility.html">社会责任</a></li>
                        <li><a href="About-us.html">关于我们</a></li>
                    </ul>
                </div>
                <div class="slogan">
                    <h1> <span>停车有位</span>  <span>自动付费</span> </h1>
                    <div class="txt">
                        <span></span>
                        <p>EASY PARKING &nbsp;&nbsp;  EASY PAYING</p>
                    </div>
                    <button id="btn">
                            观看视频 <i class="fa fa-play-circle fa-1x"></i>
                    </button>
                </div>
            </div>
            <!-- 出现的视频 -->
            <div id="video"  style="z-index: 9999">
                <div  class="video-center videoa">
                        <div class="video-title">《ETCP企业宣传片》 </div>
                        <div id="close">
                            <img src="img/close.png" alt="">
                        </div>
                        <video  controls="controls" src="http://7xj3cg.com2.z0.glb.qiniucdn.com/website/mp4/etcpindexadvertisingvideo.mp4" 
                        id="ckplayer_a1" width="775" height="500" loop="loop" poster="img/video-s.png" webkit-playsinline="">
                        </video>
                        <video  controls="controls" src="http://7xj3cg.com2.z0.glb.qiniucdn.com/website/mp4etcpindexcoursevideo.mp4" id="ckplayer_a2" width="775" height="500" loop="loop" 
                        poster="img/video-s.png" webkit-playsinline=""></video>
                </div>
                <div>

                </div>
            </div>
            <!-- 出现的视频 -->
            <div class="data">       
                    <div class="time">更新于2018年06月08日</div>
                    <div class="items">
                        <div class="item item1">    
                            <div class="icon"></div>
                            <div class="bd">
                                <p class="name">已服务车主</p>
                                <p class="num" id="num1">
                                    <span class="numberAnimate1">0</span>万
                                </p>
                            </div>   
                        </div>
                        <div class="item item2">  
                            <div class="icon2"></div>
                            <div class="bd">
                                <p class="name">已节省时间</p>
                                <p class="num" id="num2">
                                    <span class="numberAnimate1">0</span>
                                    小时
                                </p>
                            </div>           
                        </div>
                        <div class="item item3"> 
                            <div class="icon3"></div>
                            <div class="bd">
                                <p class="name">已减少碳排放</p>
                                <p class="num" id="num3">
                                    <span class="numberAnimate1">0</span>
                                    吨
                                </p>
                            </div>        
                        </div>
                    </div>            
            </div>
        </header>
        <div id="part-one" class=" part1 layout">
                <ul class="">
                    <li class="li1">
                            <img src="img/index_img2.png" alt="">
                        <div class="msg-part">
                                <h4>车主产品</h4>
                        <h5>
                            源于车主，精于体验<br>
                                追求极致
                        </h5>
                        <p><a href="">了解车主产品 ></a></p>
                        </div>
                    </li>
                    <li class="li2 ">
                        <img src="img/index_img3.png" alt="">
                        <div class="msg-part">
                                <h4>车场平台</h4>
                                <h5>
                                        互联网+智慧停车<br>
                                        解决方案
                                </h5>
                                <p><a href="">了解车主产品 ></a></p>
                        </div>
                    </li>
                    <li class="li3 ">
                        <img src="img/index_img4.png" alt="">
                        <div class="msg-part">
                                <h4>企业合作</h4>
                                <h5>
                                        智慧停车企业合作<br>
                                        解决方案
                                </h5>
                                <p><a href="">了解车主产品 ></a></p>
                        </div>
                        
                    </li>
                </ul>
        </div>
        <div class="container part2">
            <div class="hd pub_title">
                <h2>新闻中心</h2>
                <h3>NEWS CENTER</h3>
                <span class="line"></span>
            </div>
            <div class="news">
                <div class="swiper-container new-left">
                    <div class="swiper-wrapper">
                          <div class="swiper-slide"> 
                              <img src="img/banner-img1.jpg" alt="">
                              <div class="shady">
                                <p>ETCP进驻上海虹桥 智慧停车首试机场停车运营</p>
                              </div>
                            
                            </div>
                          <div class="swiper-slide">
                              <img src="img/banner-img2.jpg" alt="">
                              <div class="shady">
                                <p>不是所有的“互联网+停车场”都是智慧停车场！</p>
                                </div>
                            </div>
                          <div class="swiper-slide">
                              <img src="img/banner-img3.jpg" alt="">
                              <div class="shady">
                                <p>ETCP谭龙:我们是行业推动者而非破坏者</p>
                                </div>
                            </div>
                    </div>
                    <div class="swiper-pagination swiper-pagination-bullets list">
                            <span class="swiper-pagination-bullet"></span>
                            <span class="swiper-pagination-bullet "></span>
                            <span class="swiper-pagination-bullet"></span>
                    </div>
                    
                </div>
                <div class="news-list">
                    <ul id="users">
                        <!-- <li>  <a href="##">建行携手ETCP送福利 停车只花一分钱</a></li>
                        <li>  <a href="##">智慧停车巨头ETCP正式进军共享单车行业</a></li>
                        <li>  <a href="##">上海虹桥T1启用 国内最先进机场服务三大看点</a></li>
                        <li>  <a href="##">智慧停车独角兽ETCP：将再造万亿级价值新市场</a></li>
                        <li>  <a href="##">2000多家停车场升 级“互联网+”</a></li>  
                        <li>  <a href="##">国税定额发票将退出停车场+”</a></li>
                        <li>  <a href="##">拿下20亿融资的ETCP如何把停车场做成大生意</a></li>
                        <li>  <a href="##">ETCP谭龙：智慧停车行业入场券20亿起</a></li>
                        <li>  <a href="##">ITS年度盛典 ETCP狂揽三项大奖成最大赢家</a></li>
                        <li>  <a href="##">ETCP CEO谭龙：O2O并非过街老鼠</a></li> -->
                    </ul>
                </div>
                <div class="more">
                    <a href="">查看更多</a>
                </div>

            </div>
        </div>
        <footer>
                <div class="line1"></div>
                <div class="container-footer">
                        <dl class="d1">
                            <dt>ETCP产品 </dt>
                            <dd><a href="">车主应用</a></dd>
                            <dd><a href="">车场平台</a></dd>
                            <dd><a href="">案例中心</a></dd>
                        </dl>
                        <dl class="d2">
                            <dt>企业合作</dt>
                            <dd><a target="" href="">解决方案</a></dd>
                            <dd><a target="" href="">开放平台</a></dd>
                            <dd><a target="" href="">企业版</a></dd>
                        </dl>
                        <dl class="d3">
                            <dt>社会责任</dt>
                            <dd><a href="">社会责任</a></dd>
                        </dl>
                        <dl class="d4">
                            <dt>新闻中心</dt>
                            <dd><a href="">行业动态</a></dd>
                            <dd><a href="">媒体报道</a></dd>
                        </dl>
                        <dl class="d5">
                            <dt>关于我们</dt>
                            <dd><a href="">企业介绍</a></dd>
                            <dd><a href="">发展历程</a></dd>
                            <dd><a href="">企业文化</a></dd>
                            <dd><a href="">企业实力</a></dd>
                            <dd><a href="">加入我们</a></dd>
                            <dd><a href="">联系我们</a></dd>
                        </dl>
                        <dl class="d6">
                            <dt>联系我们</dt>
                            <dd><a href="">400-0000-688</a></dd>
                            <dd><a href="">yuechang@etcp.cn</a></dd>
                        </dl>
                        <dl class="d7">
                            <dt>官方媒体</dt>
                            <dd class="wb">
                                <a target="" href=""><img src="img/icon_wx.png" alt=""></a>
                                <div class="code">
                                    <img src="img/ewm.jpg" alt="">
                                </div>
                            </dd>
                            <dd class="">
                                <a href="javascript:;"><img src="img/icon_wb.png" alt=""></a>
                            </dd>
                            
                        </dl>
                        
                </div>

                <div class="container-fluid ">
                        <div class="friendWp">
                            <p class="fl-title">友情链接：</p>
                            <div class="friendLink">
                                <a href=""><img src="http://7xj3cg.com2.z0.glb.qiniucdn.com/app/59f152327c197.png"></a>
                                <a href=""><img src="http://7xj3cg.com2.z0.glb.qiniucdn.com/app/59f152b620906.png"></a>
                                <a href=""><img src="http://7xj3cg.com2.z0.glb.qiniucdn.com/app/59f152df4d670.png"></a>
                                <a href=""><img src="http://7xj3cg.com2.z0.glb.qiniucdn.com/app/59f151f2826b9.png"></a>
                                <a href=""><img src="http://7xj3cg.com2.z0.glb.qiniucdn.com/app/59f152f6647e2.png"></a>
                                <a href=""><img src="http://7xj3cg.com2.z0.glb.qiniucdn.com/app/59f1534fecaf9.png"></a>
                                <a href=""><img src="http://7xj3cg.com2.z0.glb.qiniucdn.com/app/59f15370e8121.png"></a>
                            </div>
                        </div>
                </div>
                <div class="copyright">
                     © 2017 Copyright 北京悦畅科技有限公司 版权所有 增值电信业务经营许可证编号：京B2-20170849 <img src="img/jbaicon.png" class="jba" style="width: 18px" alt=""> 京公网安备 11010502034937</div>

        </footer>



    </div>
    
</body>
</html>